home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 59338 / 59338.xpi / chrome / global / menulist.css < prev    next >
Cascading Style Sheet File  |  2010-02-08  |  8KB  |  255 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is Mozilla Communicator client code, released
  15.  * March 31, 1998.
  16.  *
  17.  * The Initial Developer of the Original Code is
  18.  * Netscape Communications Corporation.
  19.  * Portions created by the Initial Developer are Copyright (C) 1998-1999
  20.  * the Initial Developer. All Rights Reserved.
  21.  *
  22.  * Contributor(s):
  23.  *   Joe Hewitt (hewitt@netscape.com)
  24.  *
  25.  * Alternatively, the contents of this file may be used under the terms of
  26.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  27.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  28.  * in which case the provisions of the GPL or the LGPL are applicable instead
  29.  * of those above. If you wish to allow use of your version of this file only
  30.  * under the terms of either the GPL or the LGPL, and not to allow others to
  31.  * use your version of this file under the terms of the MPL, indicate your
  32.  * decision by deleting the provisions above and replace them with the notice
  33.  * and other provisions required by the GPL or the LGPL. If you do not delete
  34.  * the provisions above, a recipient may use your version of this file under
  35.  * the terms of any one of the MPL, the GPL or the LGPL.
  36.  *
  37.  * ***** END LICENSE BLOCK ***** */
  38.  
  39. /* ===== menulist.css ===================================================
  40.   == Styles used by the XUL menulist element.
  41.   ======================================================================= */
  42.  
  43. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  44. @namespace html url("http://www.w3.org/1999/xhtml");
  45.  
  46. /* :::::::::: menulist :::::::::: */
  47.  
  48. menulist {
  49. /*  -moz-appearance: menulist; */
  50.   margin: 2px 4px;
  51.   background-color:transparent;
  52.   color: #000;
  53. /* -moz-border-image:none !important; */
  54.  
  55. }
  56. menulist:not([editable]){
  57. min-height:27px;
  58. max-height:27px;
  59. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_1.png") 2 6 0 / 2px 6px 0px;
  60. background-color: transparent;
  61. color: #000;
  62. padding-bottom:2px;
  63. }
  64.  
  65. menulist:not([editable]):hover {
  66. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_h.png") 2 6 0 / 2px 6px 0px;
  67. background-color: transparent;
  68. color: #000;
  69.  
  70. }
  71. menulist:not([editable]):hover:active,
  72. menulist:not([editable])[open="true"] {
  73. -moz-border-image: url("chrome://browser/skin/tabbrowser/but_f.png") 2 6 0 / 2px 6px 0px;
  74. background-color: transparent;
  75. color: #000;
  76. }
  77.  
  78.  
  79. menulist[editable]{
  80. -moz-appearance: none;
  81. margin: 1px 4px;
  82. border: 1px solid;
  83. -moz-border-top-colors:#abadb3;
  84. -moz-border-right-colors: #dbdfe6;
  85. -moz-border-bottom-colors: #e3e9ef;
  86. -moz-border-left-colors: #e2e3ea;
  87. -moz-border-radius: 1px;
  88. background: white ;
  89. padding:1px ;
  90. }
  91. menulist[editable] >textbox{
  92. margin-top:0 ;
  93. margin-bottom:0 ;
  94. }
  95.  
  96. toolbar > toolbaritem > menulist[editable] ,
  97. toolbar menulist[editable]{
  98. background: url('chrome://global/skin/menu/menu-select.png');
  99. background-repeat: repeat-x;
  100. -moz-border-top-colors:#abadb3;
  101. -moz-border-right-colors: #dbdfe6;
  102. -moz-border-bottom-colors: #e3e9ef;
  103. -moz-border-left-colors: #e2e3ea;
  104. -moz-border-radius: 1px;
  105. min-height:21px ;
  106. height:21px ;
  107. }
  108.  
  109. toolbar> toolbaritem > menulist[editable] > textbox,
  110. toolbar menulist[editable] textbox{
  111. background:transparent ;
  112. }
  113.  
  114. menulist[editable]:hover {
  115. background:white  ;
  116. -moz-border-top-colors:#5794bf;
  117. -moz-border-right-colors: #b7d5ea;
  118. -moz-border-bottom-colors: #c7e2f1;
  119. -moz-border-left-colors: #c5daed;  
  120. }
  121.  
  122. menulist[editable][focused="true"]{
  123. background:white  ;
  124. -moz-border-top-colors:#3d7bad;
  125. -moz-border-right-colors: #a4c9e3;
  126. -moz-border-bottom-colors: #b7d9ed;
  127. -moz-border-left-colors: #b5cfe7;  
  128. }
  129. .menulist-label-box {
  130. -moz-box-align: center;
  131. -moz-box-pack: center;
  132. background-color: transparent;
  133. }
  134.  
  135. .menulist-label-box,
  136. menulist[open="true"]:focus > .menulist-label-box {
  137. background-color: transparent;
  138. color: inherit;
  139. -moz-box-align: center;
  140. }
  141.  
  142. .menulist-icon[src] {
  143. margin: 0px 2px 0px 2px;
  144. }
  145.  
  146. .menulist-label {
  147. margin-top: 0 !important;
  148. -moz-margin-end: 0 !important;
  149. margin-bottom: 0 !important;
  150. -moz-margin-start: 1px !important;
  151. }
  152.  
  153. /* ..... dropmarker ..... */
  154.  
  155. .menulist-dropmarker {
  156. -moz-appearance: none;
  157. display:-moz-box ;
  158. min-width: 17px;
  159. -moz-box-align: center;
  160. -moz-box-pack: center;
  161. background: transparent;
  162. border:none ;
  163. position:relative  !important;
  164. z-index:1  !important;  
  165. margin:-2px -1px -2px 0px !important;
  166. list-style-image: url("chrome://global/skin/arrow/menubutton-dropmarker.png");
  167. -moz-image-region: rect(auto, auto, auto, auto) !important;
  168. }
  169.  
  170. menulist[disabled="true"]:hover:active > .menulist-dropmarker {
  171. -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
  172. -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  173. -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  174. -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
  175. padding: 1px;
  176. }
  177.  
  178. menulist[disabled="true"] > .menulist-dropmarker {
  179. list-style-image: url("chrome://global/skin/arrow/menubutton-dropmarker-disabled.png");
  180. }
  181.  
  182. menulist[editable]:hover  > .menulist-dropmarker{
  183. list-style-image: url("chrome://global/skin/arrow/menubutton-dropmarker.png");
  184. }
  185.  
  186. menulist[editable]:hover:active  > .menulist-dropmarker{
  187. list-style-image: url("chrome://global/skin/arrow/menubutton-dropmarker.png");
  188. }
  189.  
  190. /* ..... focused state ..... */
  191. /* 
  192. menulist:focus > .menulist-label-box {
  193.   border: 1px dotted #F5DB95;
  194.  background-color: Highlight; 
  195.   color: HighlightText;  
  196. }
  197. */
  198. /* ..... disabled state ..... */
  199.  
  200. menulist[disabled="true"] {
  201.   background-color: transparent;
  202.   color: GrayText;
  203. }
  204.  
  205. /* ::::: editable menulists ::::: */
  206. .menulist-editable-box {
  207.   padding-top: 1px;
  208.   padding-bottom: 1px;
  209.   -moz-padding-start: 2px;
  210.   -moz-padding-end: 0px;
  211.   border:0px ;
  212. }
  213.  
  214. html|*.menulist-editable-input {
  215.   margin: 0px !important;
  216.   border: none !important;
  217.   padding: 0px !important;
  218.   background: white;
  219.   font: inherit;
  220. }
  221.  
  222. /* ::::: compact menulists ::::: */
  223.  
  224. .menulist-compact {
  225.   -moz-box-align: center;
  226.   -moz-box-pack: center;
  227.   margin: 0;
  228.   -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight;
  229.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  230.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  231.   -moz-border-left-colors: ThreeDLightShadow ThreeDHighlight;
  232.   background-color: -moz-Dialog;
  233.   color: -moz-DialogText;
  234. }
  235.  
  236. .menulist-compact > .menulist-label {
  237.   margin: 0 3px !important;
  238.   text-align: right;
  239. }  
  240.  
  241. .menulist-compact > .menulist-dropmarker {
  242.   -moz-margin-start: 2px;
  243.   border: none;
  244.   padding: 0 !important;
  245.   background: transparent;
  246. }
  247.  
  248. .menulist-compact[open="true"] {
  249.   -moz-border-top-colors: ThreeDDarkShadow ThreeDShadow;
  250.   -moz-border-right-colors: ThreeDDarkShadow ThreeDShadow;
  251.   -moz-border-bottom-colors: ThreeDDarkShadow ThreeDShadow;
  252.   -moz-border-left-colors: ThreeDDarkShadow ThreeDShadow;
  253.   background-color: ThreeDShadow;
  254.   color: ThreeDHighlight;
  255. }